---
title: Rantai-rantai
description: Menyesuaikan rantai-rantai
---

# Rantai-rantai

## Menyesuaikan rantai-rantai

RainbowKit direka bentuk untuk berintegrasi dengan [objek `chain` wagmi](https://wagmi.sh/react/chains). Sila lihat senarai rantai yang disokong [di sini](https://wagmi.sh/react/chains#supported-chains).

### Menyesuaikan rantai permulaan

Secara lalai, RainbowKit akan bersambung kepada rantai pertama yang dibekalkan kepada Wagmi. Tingkah laku ini boleh diubah suai melalui `initialChain` prop.

Rantai permulaan boleh dikonfigurasikan menggunakan ID rantai.

```tsx
<RainbowKitProvider initialChain={1}>
```

Sebagai kemudahan, anda juga boleh memindahkan objek rantai.

```tsx
<RainbowKitProvider initialChain={mainnet}>
```

### Metadata rantai tersuai

Beberapa ikon dan latar belakang rantai disediakan secara lalai, tetapi anda boleh menyesuaikan ikon dan latar belakang untuk setiap rantai menggunakan sifat `iconUrl` dan `iconBackground`.

Contoh dengan `getDefaultConfig`

```tsx
import { mainnet, optimism } from 'wagmi/chains';

const config = getDefaultConfig({
  chains: [
    {
      ...mainnet,
      iconBackground: '#000',
      iconUrl: 'https://example.com/icons/ethereum.png',
    },
    {
      ...optimism,
      iconBackground: '#ff0000',
      iconUrl: 'https://example.com/icons/optimism.png',
    },
  ],
});
```

Contoh dengan `createConfig`

```tsx
import { mainnet, optimism } from 'wagmi/chains';
import { Chain } from '@rainbow-me/rainbowkit';

const chains: readonly [Chain, ...Chain[]] = [
  {
    ...mainnet,
    iconBackground: '#000',
    iconUrl: 'https://example.com/icons/ethereum.png',
  },
  {
    ...optimism,
    iconBackground: '#ff0000',
    iconUrl: 'https://example.com/icons/optimism.png',
  },
];

const config = createConfig({
  chains,
});
```
